<template>
  <div class="recommend">
    <titles :title="title"></titles>
    <swiper-list :List="list"></swiper-list>
  </div>
</template>

<script>
import Titles from './Titles'
import SwiperList from './SwiperTemplate'
export default {
  name: 'Todayrecommend',
  data () {
    return {
      title: {
        titleinfo: '今日推荐',
        subtitle: ''
      },
      list: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t17536/263/1512937672/326395/36043d78/5acd6d54N3c6bde4d.jpg'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t22615/244/823832818/267495/95c6b15/5b42c775N13a85fd7.jpg'
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/7840/16/5560/153378/5bde93b1E0c835ca0/6b634ff3b6954ebe.jpg'
        },
        {
          id: '004',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t29302/317/288992565/369473/eff76296/5bee40c6N09b4b0d0.jpg'
        },
        {
          id: '005',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/20010/2/6861/79405/5c6389bfE5eaa92b9/56afaa4c884f0e22.jpg'
        },
        {
          id: '006',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t16171/262/1244648454/676912/5d19a4cb/5a52da5cN18d30d9f.jpg'
        }
      ]
    }
  },
  components: {
    Titles,
    SwiperList
  }
}
</script>

<style lang="stylus" scoped>
  .recommend
    height 380px
    margin-bottom 30px
</style>
